<template>
  <div>
<SonCom/>
  </div>
</template>

<script>
import SonCom from './components/SonCom.vue';

  export default {
    data() {
      return {
        info: {
        msg: 'hello vue'
      }
      }
  },
  components: {
      SonCom
  },
  //实现后代组件通信
  provide() {
    //return 的数据需要再data中定义，并且使用复杂数据类型
      //provide传递的数据要复杂数据类型才能驱动视图更新
    return {
        //this是组件的实例对象
        xxx: this.info
      }
    }
  }
</script>

<style lang="scss" scoped>

</style>